<template>
  <div class="appointment-management">
    <div>
      <br>
    </div>
    <ei-row>
      <ei-col :span="22">
        <div class="grid-content">
          <el-tag class="list" type="success" style="font-size: 16px;">用户预约信息</el-tag>
        </div>
      </ei-col>

      <!--       <el-col :span="2" type="flex" justify="end">
        <div class="grid-content bg-purple-light">
        <router-link :to="'/appointmentSet/old'">
              <el-button type="info" >已审核信息</el-button>
          </router-link>
      </div>
      </el-col> -->
    </ei-row>

    <div>
      <br>
      <el-table
        :data="list"
        style="width: 100%;"
        @selection-change="handleSelectionChange"
      >
        <el-table-column prop="id" label="预约列表" width="130" />
        <el-table-column prop="userId" label="用户id" width="150" />
        <el-table-column prop="instrumentId" label="设备id" width="250" />
        <el-table-column prop="startTime" label="起始时间" width="250" />
        <el-table-column prop="endTime" label="结束时间" width="200" />
        <el-table-column prop="creatTime" label="申请时间" width="150" />
        <el-table-column label="操作" width="280">
          <template slot-scope="scope">
            <el-button
              size="mini"
              type="primary"
              icon="el-icon-check"
              @click="agree(scope.row.uid)"
            >同意</el-button>

            <el-button
              type="danger"
              size="mini"
              icon="el-icon-close"
              @click="refuse(scope.row.uid)"
            >拒绝</el-button>
          </template>
        </el-table-column>
      </el-table>

    </div>

  </div>

</template>

<script>
export default {

}
</script>

  <style scoped>
.list{
  width:130px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  background-color: #3b8be7;
  color:white
}
.appointment-management{
  margin-left: 20px;
}
  </style>
